/* 
    Document   : slideshow
    Created on : 15/06/2010, 12:03:58 PM
    Author     : emessia
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#slideshow #slidesContainer {
  margin:0 auto;
  width:572px;
  height:500px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background-color: #fff;
}
#slideshow {
/*background:url("../media/imagen/bg_slideshow.jpg") no-repeat scroll 0 0 transparent;*/
height:500px;
margin:0 auto;
position:relative;
width:660px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:90%; /* reduce by 20 pixels to avoid horizontal scroll */
  height:100%;
}

.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  height: 500px;
  background:#fff url(../media/imagen/control_left.jpg) no-repeat left center;
}
#rightControl {
  top:0;
  right:0;
  height: 500px;
  background:#fff url(../media/imagen/control_right.jpg) no-repeat left center
}
.slide h2 {
color:#CCCCCC;
font:italic 24px Georgia,"Times New Roman",Times,serif;
letter-spacing:-1px;
}

.slide h2, .slide p {
margin:10px;
}
.slide img {
/*float:right;*/
margin:0 15px;
}
.slide a img {
border:1px solid #CCCCCC;
margin-bottom: 15px;
}
.panel_izquierdo {
    float: left;
    width: 55%;
    margin-left: 10px;
}
.panel_derecho {
    width: 40%;
    float: right;
    
}
